<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<h1>hello</h1>
<ul></ul>
</body>
<script>
  const { ipcRenderer } = require('electron');
  const { ADD_TODO, REMOVE_TODO } = require('./ipcTodo.js');

  ipcRenderer.on(ADD_TODO, (event, todo) => {
    const li = document.createElement('li');
    li.innerHTML = todo;
    document.querySelector('ul').appendChild(li);
  });

  ipcRenderer.on(REMOVE_TODO, () => {
    document.querySelector('ul').innerHTML = '';
  });
</script>
</html>